<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title></title>
		<link href="chajiqi_files/default.css" rel="stylesheet" type="text/css">
		<script id="objects_header" language="JavaScript" src="chajiqi_files/objects.js" type="text/javascript"></script>
		<script id="objects_data" language="JavaScript" src="chajiqi_files/data.js" type="text/javascript"></script>
		<script id="actions" language="JavaScript" src="chajiqi_files/actions.js" type="text/javascript"></script>
	</head>
<body bgcolor="#EDEDED" leftmargin="5" topmargin="5" marginheight="5" marginwidth="5">

	<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
	<tr><td colspan="3">

		<table border="0" width="100%" cellspacing="0" cellpadding="0">
		<tr>
		<td align="left"><img src="chajiqi_files/company_label.gif"></td>
		<td align="center" width="100%" class="caption"></td>
        	</tr>
		</table>

	</td></tr>

	<tr>
	<td><img src="chajiqi_files/corner_lt.gif" height="12" width="12"></td>
	<td width="100%" background="chajiqi_files/corner_t.gif"></td>
	<td><img src="chajiqi_files/corner_rt.gif" height="12" width="12"></td>
	</tr>

	<tr height="100%">
	<td background="chajiqi_files/corner_l.gif"></td>
	<td width="100%" bgcolor="#FFFFFF">
		<object
		id="ev3de"
		classid="CLSID:1110E0D7-D33E-438C-88A4-1FA6A88F9A6B"
		codebase="http://www.righthemisphere.com/products/deepview/downloads/DeepView.cab"
		border="0"
		width="100%"
		height="100%">
		<param name="FileName" value="">
		<param name="BackStyle" value="0" />
		<param name="FillColor" value="16777215" />
		<div align="center">
If you see this text, Deep View ActiveX control is not installed or<br />
not initialized. Please download and install it. Use the following link:<br />
<a href="http://www.righthemisphere.com/products/deepview/downloads/DeepView.exe">http://www.righthemisphere.com/products/deepview/downloads/DeepView.exe</a><br />
If this error message persists, check your security settings<br />
(ActiveX must be allowed) or use another WEB browser.<br />
Using Microsoft Internet Explorer is prefered.<br />
		</div>
		</object>
	</td>
	<script language="JavaScript">
<!--

function ev3de::SceneLoaded(res)
{
	InitHandlers();
	InitASeqs();
	InitLayers()
}

//document.all.ev3de.filename = 'chajiqi_files/chajiqi.rh';
document.all.ev3de.filename = "${path}";

//-->
	</script>
	<td background="chajiqi_files/corner_r.gif"></td>
	</tr>
	<tr>
	<td><img src="chajiqi_files/corner_lb.gif" height="12" width="12"></td>
	<td class="tabs" width="100%" background="chajiqi_files/corner_b.gif"></td>
	<td><img src="chajiqi_files/corner_rb.gif" height="12" width="12"></td>
	</tr>
	<tr>
	<td colspan="3">
		<table border="0" cellspacing="0" cellpadding="0" width="100%">
		<tr>
		<td align="left" width="50%" style="padding-left: 10px;">
        		<table border="0" cellspacing="0" cellpadding="0" width="10">
			<tr>
			<td>&nbsp;&nbsp;</td>
			<td align="center">
					<select name="cbx_rm" a_multiple size="1"
					OnChange="cbxChangeRM(this.value); return false;"
					style="width: 160px; border:0;" id="cbx_rm">
					<option value="solid" selected>Solid</option>
					<option value="illustration">Illustration</option>
					<option value="shaded illustration">Shaded Illustration</option>
					</select>
			</td>
			<td>&nbsp;&nbsp;</td>
			</tr>
			</table>

		</td>
		<td align="center" width="120">
        		<table border="0" cellspacing="0" cellpadding="0" width="10">
	        	<tr>
			<td>&nbsp;&nbsp;</td>
			<td align="center">
				<a href=# OnClick="btPlay(); return false;"><img
				border="0" width="36" height="36"
				title="Play animation"
				OnMouseOver="this.src='chajiqi_files/s_butt_play_h.gif'; return false;"
				OnMouseDown="this.src='chajiqi_files/s_butt_play_c.gif'; return false;"
				OnMouseUp="this.src='chajiqi_files/s_butt_play_h.gif'; return false;"
				OnMouseOut="this.src='chajiqi_files/s_butt_play_s.gif'; return false;"
				src="chajiqi_files/s_butt_play_s.gif"></a></td>
			<td>&nbsp;&nbsp;</td>
			<td align="center">
				<a href=# OnClick="btPause(); return false;"><img
				border="0" width="36" height="36"
				title="Pause animation"
				OnMouseOver="this.src='chajiqi_files/s_butt_pause_h.gif'; return false;"
				OnMouseDown="this.src='chajiqi_files/s_butt_pause_c.gif'; return false;"
				OnMouseUp="this.src='chajiqi_files/s_butt_pause_h.gif'; return false;"
				OnMouseOut="this.src='chajiqi_files/s_butt_pause_s.gif'; return false;"
				src="chajiqi_files/s_butt_pause_s.gif"></a></td>
			<td>&nbsp;&nbsp;</td>
			<td align="center">
				<a href=# OnClick="btRewind(); return false;"><img
				border="0" width="36" height="36"
				title="Rewind animation to beginning"
				OnMouseOver="this.src='chajiqi_files/s_butt_rev_h.gif'; return false;"
				OnMouseDown="this.src='chajiqi_files/s_butt_rev_c.gif'; return false;"
				OnMouseUp="this.src='chajiqi_files/s_butt_rev_h.gif'; return false;"
				OnMouseOut="this.src='chajiqi_files/s_butt_rev_s.gif'; return false;"
				src="chajiqi_files/s_butt_rev_s.gif"></a></td>
			<td>&nbsp;&nbsp;</td>
			</tr>
			</table>
                </td>
		<td align="center" width="360">
        		<table border="0" cellspacing="0" cellpadding="0" width="10">
			<tr>
			<td>&nbsp;&nbsp;</td>
			<td>
				<a href="#" OnClick="btHideSelected(); return false;"><img
				border="0" width="142" height="36"
				OnMouseOver="this.src='chajiqi_files/b_hds_h.gif'; return false;"
				OnMouseDown="this.src='chajiqi_files/b_hds_c.gif'; return false;"
				OnMouseUp="this.src='chajiqi_files/b_hds_h.gif'; return false;"
				OnMouseOut="this.src='chajiqi_files/b_hds_s.gif'; return false;"
				src="chajiqi_files/b_hds_s.gif"></a></td>
			<td>&nbsp;&nbsp;</td>
			<td>
				<a href="#" OnClick="btHideUnselected(); return false;"><img
				border="0" width="142" height="36"
				OnMouseOver="this.src='chajiqi_files/b_hdu_h.gif'; return false;"
				OnMouseDown="this.src='chajiqi_files/b_hdu_c.gif'; return false;"
				OnMouseUp="this.src='chajiqi_files/b_hdu_h.gif'; return false;"
				OnMouseOut="this.src='chajiqi_files/b_hdu_s.gif'; return false;"
				src="chajiqi_files/b_hdu_s.gif"></a></td>
			<td>&nbsp;&nbsp;</td>
			<td>
				<a href="#" OnClick="btShowAll(); return false;"><img
				border="0" width="142" height="36"
				OnMouseOver="this.src='chajiqi_files/b_sha_h.gif'; return false;"
				OnMouseDown="this.src='chajiqi_files/b_sha_c.gif'; return false;"
				OnMouseUp="this.src='chajiqi_files/b_sha_h.gif'; return false;"
				OnMouseOut="this.src='chajiqi_files/b_sha_s.gif'; return false;"
				src="chajiqi_files/b_sha_s.gif"></a></td>
			<td>&nbsp;&nbsp;</td>
			</tr>
			</table>
		</td>
		<td width="50%">&nbsp;</td>
		</tr>
		</table>

	</td>
	</tr>

	<tr>
	<td colspan="3" height="110">
        	<table border="0" width="100%" cellspacing="0" cellpadding="0" height="110">
		<tr>
		<td><img src="chajiqi_files/corner_lt.gif" height="12" width="12"></td>
		<td width="50%" background="chajiqi_files/corner_t.gif"></td>
		<td><img src="chajiqi_files/corner_rt.gif" height="12" width="12"></td>
		<td><img src="chajiqi_files/corner_lt.gif" height="12" width="12"></td>
		<td width="50%" background="chajiqi_files/corner_t.gif"></td>
		<td><img src="chajiqi_files/corner_rt.gif" height="12" width="12"></td>
		</tr>

		<tr>
		<td background="chajiqi_files/corner_l.gif"></td>
		<td width="50%" bgcolor="#FFFFFF" valign="top" style="padding-left: 5px; padding-right:5px;">Animation sequences<br>
			<select name="l_aseq" a_multiple size="2"
				OnChange="lClickASeq(this.value); return false;"
				style="width: 100%; border:0; height:100px;"
				id="l_aseq">
			</select>
		</td>
		<td background="chajiqi_files/corner_r.gif">&nbsp;</td>
		<td background="chajiqi_files/corner_l.gif">&nbsp;</td>
		<td width="50%" bgcolor="#FFFFFF" valign="top" style="padding-right: 5px; padding-left: 5px;">Layers<br>
			<select name="l_layers" a_multiple size="2"
				OnChange="lClickLayer(this.value); return false;"
				style="width: 100%; border:0; height:100px;"
				id="l_layers">
			</select>
		</td>
		<td background="chajiqi_files/corner_r.gif"></td>
		</tr>

		<tr>
		<td><img src="chajiqi_files/corner_lb.gif" height="12" width="12"></td>
		<td class="tabs" width="50%" background="chajiqi_files/corner_b.gif"></td>
		<td><img src="chajiqi_files/corner_rb.gif" height="12" width="12"></td>
		<td><img src="chajiqi_files/corner_lb.gif" height="12" width="12"></td>
		<td class="tabs" width="50%" background="chajiqi_files/corner_b.gif"></td>
		<td><img src="chajiqi_files/corner_rb.gif" height="12" width="12"></td>
		</tr>
		</table>

	</td>
	</tr>

	</table>
</body>
</html>
